<template>
  <div>
    <el-row class="Detail" type="flex">
      <el-col :span="17" class="DetailPage">
        <DetailPage />
      </el-col>
      <el-col :span="7" class="DetailList">
        <DetailList />
      </el-col>

    </el-row>
      <el-row :span="24" class="Detail">
        <Detailcomment/>
      </el-row>

  </div>
</template>

<script>
import DetailPage from "@/components/post/Detailpage";
import DetailList from "@/components/post/Detaillist";
import Detailcomment from "@/components/post/Detailcomment";

export default {
  components: {
    DetailPage,
    DetailList,
    Detailcomment
  }
};
</script>

<style lang="less">
.Detail {
  margin: 0 auto;
  width: 1000px;
  padding-top: 20px;
  .DetailPage {
    margin-right: 11px;
  }
  // .DetailList{

  // }
}
</style>